{% extends 'admin/common/base.html' %}

{% block title %}文章管理-青灯小站{% endblock %}

{% block main_title %}文章管理{% endblock %}

{% block content %}
    <div class="layui-container">
        <table class="layui-hide" id="ID-table-demo-data"></table>
    </div>
{% endblock %}

{#  js站位坑  #}
{% block script %}
    <script>
        layui.use('table', function () {
            let table = layui.table;

            // 已知数据渲染
            let inst = table.render({
                elem: '#ID-table-demo-data',
                cols: [[ //标题栏
                    {field: 'id', title: 'ID', width: 80, sort: true},
                    {field: 'username', title: '用户', width: 120},
                    {field: 'sign', title: '签名', minWidth: 160},
                    {field: 'sex', title: '性别', width: 80},
                    {field: 'city', title: '城市', width: 100},
                    {field: 'experience', title: '积分', width: 80, sort: true}
                ]],
                data: [{ // 赋值已知数据
                    "id": "10001",
                    "username": "张三1",
                    "sex": "男",
                    "city": "浙江杭州",
                    "sign": "人生恰似一场修行",
                    "experience": "116"
                }, {
                    "id": "10002",
                    "username": "张三2",
                    "sex": "男",
                    "city": "浙江杭州",
                    "sign": "人生恰似一场修行",
                    "experience": "12",
                    "LAY_CHECKED": true
                }, {
                    "id": "10003",
                    "username": "张三3",
                    "sex": "男",
                    "city": "浙江杭州",
                    "sign": "人生恰似一场修行",
                    "experience": "65"
                }, {
                    "id": "10004",
                    "username": "张三4",
                    "sex": "男",
                    "city": "浙江杭州",
                    "sign": "人生恰似一场修行",
                    "experience": "777"
                }, {
                    "id": "10005",
                    "username": "张三5",
                    "sex": "男",
                    "city": "浙江杭州",
                    "sign": "人生恰似一场修行",
                    "experience": "86"
                }, {
                    "id": "10006",
                    "username": "张三6",
                    "sex": "男",
                    "city": "浙江杭州",
                    "sign": "人生恰似一场修行",
                    "experience": "12"
                }, {
                    "id": "10007",
                    "username": "张三7",
                    "sex": "男",
                    "city": "浙江杭州",
                    "sign": "人生恰似一场修行",
                    "experience": "16"
                }, {
                    "id": "10008",
                    "username": "张三8",
                    "sex": "男",
                    "city": "浙江杭州",
                    "sign": "人生恰似一场修行",
                    "experience": "106"
                }],
                //skin: 'line', // 表格风格
                //even: true,
                page: true, // 是否显示分页
                limits: [5, 10, 15],
                limit: 5 // 每页默认显示的数量
            });
        });
    </script>
{% endblock %}
